<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
   <!-- header -->
	<div class="header">
			<div class="header-grid">
					<div class="container">
				<div class="header-left animated wow fadeInLeft" data-wow-delay=".5s">
					<ul>
						<li><i class="glyphicon glyphicon-envelope" ></i><a href="https://mail.qq.com/cgi-bin/loginpage">2313843501@qq.com</a></li>
						<li><i class="glyphicon glyphicon-earphone" ></i>17858968657</li>
						
					</ul>
				</div>
				<div class="header-right animated wow fadeInRight" data-wow-delay=".5s">
				<div class="header-right1 ">
					<ul>
			            <li><i class="glyphicon glyphicon-plus" ></i><a href="./admin/add.jsp" id="add">添加商品</a></li>
						<li id="show"><i class="glyphicon glyphicon-log-in" id="log"></i><a href="./login.jsp" id="login">登录</a></li>
						<li><i class="glyphicon glyphicon-book" ></i><a href="./Register.jsp">注册</a></li>
					</ul>
					<script type="text/javascript">
					$('#add').click(function(){
						alert("添加之前请先注册登录！");
					});	
					</script>
				</div>
				<div class="header-right2">
					<div class="cart box_1">
						<a href="ShopCar.jsp">
							<h3> <div class="total">
								<span class="simpleCart_total"></span> (<span id="simpleCart_quantity" class="simpleCart_quantity"></span> items)</div>
								<img src="images/cart.png" alt="" />
							</h3>
						</a>
						<p><a href="javascript:;" class="simpleCart_empty">我的购物车</a></p>
						<div class="clearfix"> </div>
					</div>	
				</div>
				<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
			</div>
			<div class="container">
			<div class="logo-nav">
				
					<nav class="navbar navbar-default">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header nav_2">
						<button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						 <div class="navbar-brand logo-nav-left ">
							<h1 class="animated wow pulse" data-wow-delay=".5s"><a href="index.html">Classic<span>Style</span></a></h1>
						</div>

					</div> 
					<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
						<ul class="nav navbar-nav">
							<li class="active"><a href="../index.jsp" class="act">首页</a></li>	
							<!-- Mega Menu -->
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">女装 <b class="caret"></b></a>
								<ul class="dropdown-menu multi">
									<div class="row">
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<h6>配饰</h6>
												<li><a href="products.html">配饰</a></li>
												<li><a href="products.html">包</a></li>
												<li><a href="products.html">帽子</a></li>
												<li><a href="products.html">珠宝</a></li>
											</ul>
										</div>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<h6>上衣</h6>
												<li><a href="products.html">夹克 & 外套</a></li>
												<li><a href="products.html">牛仔裤</a></li>
												<li><a href="products.html">连帽衫& 运动衫</a></li>
												<li><a href="products.html">毛衣 & 羊毛衫</a></li>
												<li><a href="products.html">夹克</a></li>
												<li><a href="products.html">T恤</a></li>
												<li><a href="products.html">衬衫</a></li>

											</ul>
										</div>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<h6>其他</h6>				
												<li><a href="products.html">鞋子</a></li>
												<li><a href="products.html">眼镜</a></li>
												<li><a href="products.html">运动裤</a></li>
												<li><a href="products.html">泳装</a></li>
												<li><a href="products.html">长裤</a></li>

											</ul>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="row-top">
										<div class="col-sm-6 row1">
											<a href="products.html"><img src="images/me.jpg" alt="" class="img-responsive"></a>
										</div>
										<div class=" col-sm-6 row2">
											<a href="products.html"><img src="images/me1.jpg" alt="" class="img-responsive"></a>
										</div>
										<div class="clearfix"></div>
									</div>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">男装 <b class="caret"></b></a>
								<ul class="dropdown-menu multi multi1">
									<div class="row">
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
											<h6>配饰</h6>
												<li><a href="products.html">配饰</a></li>
												<li><a href="products.html">包</a></li>
												<li><a href="products.html">帽子</a></li>
												<li><a href="products.html">珠宝</a></li>
											</ul>
										</div>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<h6>上衣</h6>
												<li><a href="products.html">夹克 & 外套</a></li>
												<li><a href="products.html">牛仔裤</a></li>
												<li><a href="products.html">连帽衫& 运动衫</a></li>
												<li><a href="products.html">毛衣 & 羊毛衫</a></li>
												<li><a href="products.html">夹克</a></li>
												<li><a href="products.html">T恤</a></li>
												<li><a href="products.html">衬衫</a></li>
											</ul>
										</div>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
											<h6>其他</h6>				
												<li><a href="products.html">鞋子</a></li>
												<li><a href="products.html">眼镜</a></li>
												<li><a href="products.html">运动裤</a></li>
												<li><a href="products.html">泳装</a></li>
												<li><a href="products.html">长裤</a></li>

											</ul>
										</div>
										<div class="clearfix"></div>
									</div>
									<div class="row-top">
										<div class="col-sm-6 row1">
											<a href="products1.html"><img src="images/me2.jpg" alt="" class="img-responsive"></a>
										</div>
										<div class=" col-sm-6 row2">
											<a href="products1.html"><img src="images/me3.jpg" alt="" class="img-responsive"></a>
										</div>
										<div class="clearfix"></div>
									</div>
								</ul>
							</li>
							
							<li><a href="contact.html">联系我们</a></li>
						</ul>
					</div>
					</nav>
				</div>
				
		</div>
	</div>
<!-- //header -->